.staff-change-analysis {
	padding: 10px;
	.staff-area {
		width: 274px;
		height: 156px;
		border: 1px solid #dee0e3;
		border-radius: 4px;
		float: left;
		padding: 30px;
		font-size: 24px;
		margin-right: 26px;
		position: relative;
		cursor: pointer;
		color: #534d54;

		.staff-area-icon-wrap {
			position: absolute;
			right: 47px;
			bottom: 25px;
			font-size: 40px;
			display: block;
			width: 47px;
			height: 47px;
		}
		.staff-area-icon-wrap.add-staff {
			background: url()
				center center;
			background-size: contain;
		}
		.staff-area-icon-wrap.leave-staff {
			background: url()
				center center;
			background-size: contain;
		}
		.staff-area-icon-wrap.regular-staff {
			background: url()
				center center;
			background-size: contain;
		}
	}

	.staff-area:last-child {
		margin-right: 0;
	}

	&:after {
		content: ' ';
		clear: both;
		width: 0;
		height: 0;
		display: block;
	}
	.analysis-main-cards-wrap {
		padding-top: 10px;
	}

	.staff-change-header {
		position: 'relative';
		.layout-header-org-wrapper {
			margin-left: 30px;
		}
	}
}
.nc-lightapp-front-black {
	.staff-change-analysis {
		.staff-area {
			background: rgba(255, 255, 255, .1);
			color: #ddd;
		}
	}
}
